<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>教师-我的课表</title>
	<script src="resources/js/public/jquery-3.3.1.min.js"></script>
	<script src="resources/layui/layui.js"></script>
	<script src="resources/js/public/vue.min.js"></script>

	<script src="resources/js/public/public.js"></script>
	<script src="resources/js/teacher/teaCourseList.js"></script>

	<link rel="stylesheet" href="resources/layui/css/layui.css">
	<link href="resources/css/public.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
	.time{
		font-weight:900;
		font-size:16px;
		width:80px;
		height:80px;
		text-align:center !important;
		line-height:80px !important;
	}
	.course{
		font-weight:700;
		font-size:14px;
		width:80px;
		height:80px;
		text-align:center !important;
		padding:20px 0 !important;
	}
</style>
</head>
<body>
	<div id="header">
		<#include "/WEB-INF/page/teacher/header.html">
	</div>
	<div class="layui-container">
		<table class="layui-table">
			<colgroup>
				<col width="80px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
			</colgroup>
			<thead>
				<tr>
					<th class="time">时间</th>
					<th class="time">星期一</th>
					<th class="time">星期二</th>
					<th class="time">星期三</th>
					<th class="time">星期四</th>
					<th class="time">星期五</th>
					<th class="time">星期六</th>
					<th class="time">星期日</th>
				</tr>
			</thead>
			<tbody id="content">
				<tr v-for="(value,key) in times">
					<td class="time">{{value}}</td>
					<td class="course week1" v-bind:class="key"></td>
					<td class="course week2" v-bind:class="key"></td>
					<td class="course week3" v-bind:class="key"></td>
					<td class="course week4" v-bind:class="key"></td>
					<td class="course week5" v-bind:class="key"></td>
					<td class="course week6" v-bind:class="key"></td>
					<td class="course week7" v-bind:class="key"></td>
				</tr>
			</tbody>
		</table>
		
	</div>
	
</body>
</html>